<template>
    <div>
        <div class="app-card">
            <div class="app-card-header">其它</div>
            <div class="app-card-body">
                <a-list size="small">
                    <a-list-item>
                        <span>第一</span>
                        <template #actions>
                            <a-select size="small" placeholder="请选择">
                                <a-select-option :value="1">第一</a-select-option>
                                <a-select-option :value="2">第二</a-select-option>
                            </a-select>
                        </template>
                    </a-list-item>
                    <a-list-item>
                        <span>第二</span>
                        <template #actions>
                            <a-switch size="small"/>
                        </template>
                    </a-list-item>
                    <a-list-item>
                        <span>第三</span>
                        <template #actions>
                            <a-radio-group v-model:value="value" size="small">
                                <a-radio-button :value="1">Hangzhou</a-radio-button>
                                <a-radio-button :value="2">Shanghai</a-radio-button>
                                <a-radio-button :value="3">Shanghai</a-radio-button>
                            </a-radio-group>
                        </template>
                    </a-list-item>
                </a-list>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Other",
        // 组件
        components: {},
        // 数据
        data() {
            return {
                space: 16,
                value: 1,

            }
        },
        // DOM未渲染前调用
        created() {
        },
        // DOM渲染后调用
        mounted() {
        },
        // 方法
        methods: {}
    }
</script>

<style lang="less" scoped>
    .app-card {
        margin-bottom: 15px;
    }
</style>